@baseColor:rgb(255, 132, 29);
.clearfix::after{
  content:'';
  visibility: hidden;
  height: 0;
  line-height: 0;
  clear:both;
  display: block;
}
.header{


> .cap{
  width: 100%;
  height: 2.5rem;
  background-color: @baseColor;

  padding-left: 17/20rem;
  padding-right: 7/20rem;
  h1{
    float:left;
    padding-top: 12/20rem;
    img {
      width:9.26rem;
      height:1.25rem;
    }

    }
  .download{
    float:right;
    height:100%;
    padding-top: 8/20rem;
    img{
      width:1.7rem;
    }
  }
  }
  .searchBar{
    padding:10/20rem 10/20rem;
    border-top:1/20rem solid #e6e6e6;
    border-bottom:1/20rem solid #e6e6e6;
    position: relative;
    margin:0;

      .search{
        height:30/20rem;
        width:100%;
        padding-left: 1rem;
        padding-right: 63/20rem;
        outline: hidden;
        border: 0;
        border-radius: 2rem;
        -webkit-appearance: none;
        background-color: #f1f1f1;
        font-size: 16/20rem;
      }
      .searchBtn{
        background-color: @baseColor;
        position: absolute;
        border-radius: 2rem;
        height:30/20rem;
        width:63/20rem;
        right:10/20rem;
        top:10/20rem;
        color:#fff;
        font-size: 18/20rem;
        font-weight: 600;
      }
    }
}
.nav{
  padding: 4/20rem 0 6/20rem;
  border-bottom: 4/20rem solid #f7f7f7;
  >.row{
    margin:18/20rem 0;
    li{

      a{
        display: block;
        //width: 100%;
        text-align: center;

        img{
          display: block;
          width: 50/20rem;
          margin:0 auto;
          margin-bottom: 6/20rem;
        }
        span{
          font-size: 12/20rem;
        }
      }
    }

  }
}
.content{
  .title{
    padding:0 10/20rem;
    background-color:@baseColor;

    >h3{
      //height:36/20rem;
      float:left;
      font-size: 18/20rem;
      font-weight: 700;
      line-height:36/20rem;
      color:#fff;
    }
    >div{
      line-height:36/20rem;
      float:right;
      img{
        width:1rem;
        height:1rem;
      }
    }
  }
  .goodsBox{
    .good{
      border-bottom: 1/20rem solid #ccc;
      height: 115/20rem;
      padding:0 10/20rem;
      >.subGood{

        display: block;
        padding:15/20rem 0;
        .imgBox{
          float:left;

          img{
            width:90/20rem;
            height:90/20rem;
          }
        }
        .boxRight{
          margin-left: 115/20rem;
          .decsBox{
            font-size: 16/20rem;
            height: 67/20rem;
            .price{
              color:#ff6c00;
            }
          }
          .origin{
            color:#a1a1a1;
          }
        }
      }
    }
  }
  .moreInfo{
    padding:10/20rem;
    background: #efefef;
    >button{
      height:31.6/20rem;
      font-size: 14/20rem;
      line-height:14/20rem;
      background-image: linear-gradient(#ffffff, #f4f4f4);

    }
  }
}
.rank{
  background-color: rgb(239, 239, 239);
  .title{
    padding:0 10/20rem;
    background-color:@baseColor;

    >h3{
      //height:36/20rem;
      float:left;
      font-size: 18/20rem;
      font-weight: 700;
      line-height:36/20rem;
      color:#fff;
    }
    >div{
      line-height:36/20rem;
      float:right;
      img{
        width:1rem;
        height:1rem;
      }
    }
  }
}
.footer {
  //margin-top: 20px;
  background-color: rgb(239, 239, 239);
}
.footer > .foot_top {
  height: 33.6/20rem;
  margin:0 0 0.26666rem ;
  border: 1px solid #ccc;
  border-left: none;
  border-right: none;
}
.footer > .foot_top > a {
  line-height: 33.6/20rem;
  height: 33.6/20rem;
  text-align: center;
  float: left;
  display: block;
  width: 32%;
  font-size: 14/20rem;
  color: #000;
  border-right: 1px solid #ccc;
}
.footer > .foot_top > a:nth-child(3) {
  border: none;
  position: relative;
}
.footer > .foot_top > a:nth-child(3) > img {
  width: 15/20rem;
  height: 15/20rem;
  line-height: 15/20rem;
  position: absolute;
  left: 0.53332rem;
  top: 0.406662rem;
}
.footer > .foot_bottom {
  text-align: center;
  padding-bottom: 0.39999rem;
}
.footer > .foot_bottom p{
  font-size: .6rem;
}
.footer > .foot_bottom a:nth-child(1) {
  color: red;
}
.footer > .foot_bottom a:nth-child(2) {
  color: sandybrown;
}
